<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.5.0/axios.js"></script>
    <script>
        // https://www.axios-http.cn/docs/instance

        // axios的第一种方法


        // axios.defaults.baseURL = 'https://api.example.com';
        // axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
        // axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
        // axios.get(url,{params:{搜索参数1：值}})
        // axios.get(url+'/'+id的值)
        // axios.post()
        // axios.put()
        // axios.patch()
        // axios.delte()


        // axios的第二种方法

        // axios({
        //     url: '',
        //     params: {},
        //     data: {},
        //     headers: {contentType:''}
        // })


        // axios 第三种

        let http = axios.create({
            baseURL: '',
            // headers:{'content-type':''}

        })

        // http.get()
        // http.post
        // http.patch
        // http.delete


        // 添加请求拦截器
        http.interceptors.request.use(function (config) {
            // 在发送请求之前做些什么
            // 判断本地是否有token ，有的话 就传入
            // config['headers']['auth---'] = token 
            return config;
        }, function (error) {
            // 对请求错误做些什么
            return Promise.reject(error);
        });

        // 添加响应拦截器
        http.interceptors.response.use(function (response) {
            // 2xx 范围内的状态码都会触发该函数。
            // 对响应数据做点什么
            return response;
        }, function (error) {
            // 超出 2xx 范围的状态码都会触发该函数。
            // 对响应错误做点什么
            return Promise.reject(error);
        });



    </script>

</body>

</html>